// 拾色器
import React from 'react';
import { Modal } from 'antd';
import { SketchPicker } from 'react-color';
import '../style/index.less';

export default class ColorPickup extends React.Component {
  render() {
    return (
      <Modal
        title=""
        visible={this.props.visible}
        onCancel={this.props.cancelColorPickup}
        footer={null}
        mask={false}
        closable={false}
        style={{ position: 'fixed', top: this.props.top, left: this.props.left }}
        className="color-pickup"
      >
        <SketchPicker color={this.props.color} onChange={this.props.onChange} />
      </Modal>
    )
  }
}